<STYLE TYPE="text/css">
/**************************************************************/
/*                                                            */
/*  STANDARD Convea PAGE STYLES                             */
/*                                                            */		
/**************************************************************/
    
    HTML
	{
		font-size: 9pt;
		font-family: Arial;
		overflow: auto;
	}

    BODY
	{
		font-size: 9pt;
		font-family: Arial;
		scrollbar-face-color: #D6D3CE; 
		scrollbar-shadow-color: #848284; 
		scrollbar-highlight-color: #FFFFFF; 
		scrollbar-3dlight-color: #red; 
		scrollbar-darkshadow-color: #424142; 
		scrollbar-track-color: #EAE9E6; 
		scrollbar-arrow-color: #000000;
		/*overflow: auto;*/
		background-color: #F8F9D9;
	}

	TABLE
	{
	FONT-SIZE: 13px;
    FONT-FAMILY: arial
	}
    TEXTAREA
	{
		font-size: 10pt;
		font-family: Arial
	}
    LABEL
	{
		position: relative;
		top: -2;
		left: 1;
	}
    INPUT
	{
		font-size: 10pt;
		font-family: Arial
	}

    SELECT
	{
		font-size: 10pt;
		font-family: Arial
	}    

    A
	{  
		color: black;
		text-decoration: none;
	}

    A:HOVER  
	{ 
		color: black;
		text-decoration: none;
	}

    /* this style just fixes the pointer for text in button & tabs */
	.linehighlight
	{
		background-color: #B0E54E;
	}
    .cursortext
	{
		cursor: Default;
	}
    .tabrunner
	{
		display: none;
		visibility: hidden;
	}

    .emailinput
	{
		/* plain background in the toolbar colours */
		background: #F8F9D9;
		border-top: 8px #F8F9D9 solid;
		border-bottom: 8px #F8F9D9 solid;
		border-left: 8px #F8F9D9 solid;
		border-right: 8px #F8F9D9 solid;
	}


.tabbox
	{
		background: #F8F9D9;
		border-left: 2px #EEEEEE solid;
		border-right: 2px gray solid;
		border-bottom: 2px gray solid;
	}
FIELDSET
{
	margin-bottom: 6px;	
}
.plainbox
	{
		background: #F8F9D9;
	}
.controlbox
	{
		border-left: 9px #F8F9D9 solid;
		border-right: 9px #F8F9D9 solid;
		border-top: 6px #F8F9D9 solid;
		border-bottom: 10px #F8F9D9 solid;
	}

.fieldbox
	{
		border-left: 10px #F8F9D9 solid;
		border-right: 10px #F8F9D9 solid;
		border-top: 6px #F8F9D9 solid;
		border-bottom: 10px #F8F9D9 solid;		

	}
.navtabbox
	{
		background: white;
		border-left: 0pt gray solid;
		border-right: 0pt gray solid;
		border-bottom: 1pt gray solid;
	}
.columnbar
	{
		background: #F8F9D9;
		border-top: 1px #EEEEEE solid;
		border-bottom: 1px #848284 solid;
	}
/**************************************************************/
/*                                                            */
/*  BASIC COLOUR STYLES                                       */
/*                                                            */		
/**************************************************************/

	.infotab
	{
		background: #349C64;
	}

	.infobox
	{
		border-left: 1px #349C64 solid; 
		border-right: 1px #349C64 solid; 
		border-top: 1px #349C64 solid; 
		border-bottom: 1px #349C64 solid;
	}



/**************************************************************/
/*                                                            */
/*  MENU BAR STYLES                                           */
/*                                                            */		
/**************************************************************/

    /* bar behind the top menu */
    #menuback
	{
		background: #F8F9D9; 
		border-bottom: 1px #848284 solid; 
		border-top: 1px gray solid; 
	}

    /* the menu bar */
    #menubar 
	{
		position: relative; 
		font: menu; 
		cursor: default; 
		background: #F8F9D9; 
		z-index:1		
	}
    
    /* the top-level menu items */
    #menubar .root 
	{
		border-left: 1px #F8F9D9 solid; 
		border-right: 1px #F8F9D9 solid; 
		border-bottom: 1px #F8F9D9 solid; 
		border-top: 1px #F8F9D9 solid;  		
		padding-left: 4pt; 
		padding-right: 4pt;
		padding-bottom: 2pt;
		padding-top: 2pt;
	}
    #menubar .rootraised 
	{	
		border-left: 1px white solid; 
		border-right: 1px gray solid; 
		border-bottom: 1px gray solid;
		border-top: 1px white solid; 		
		padding-left: 4pt; 
		padding-right: 4pt;
		padding-bottom: 2pt;
		padding-top: 2pt;
		background: #F8F9D9
	}
    #menubar .rootsunk
	{
		border-left: 1px gray solid; 
		border-right: 1px white solid; 
		border-bottom: 1px white solid;
		border-top: 1px gray solid;		
		padding-left: 4pt; 
		padding-right: 4pt;
		padding-bottom: 2pt;
		padding-top: 2pt;
		background: #FFFBF7;
	}

    	
    /* nested menus */
    #menubar TABLE 
	{
		margin: 0pt; 
		padding: 0pt; 
		background: #FFFBF7; 
		border-left: 1px gray solid; 
		border-right: 1px gray solid; 
		border-bottom: 1px gray solid; 
		border-top: 1px gray solid; 
		display: none; 
		position: absolute;
		font-family: menu;
		/* filter: alpha(opacity=90); */
	}
	
    #menubar TABLE TD 
	{		
		margin: 0pt; 
	}
    
    /* Style for highlighted elements */
    #menubar .highlight 
	{
		color: black; 
		background: #7491DC		
	}    

    /* Style for disabled and break elements */
    #menubar #break, #menubar .disabled 
	{
		color: gray
	}
	
    /* Style for more arrow*/
    #menubar .more 
	{
		width: 10px;		
		left: 0pt; 
		float: right; 
		top: -6px; 		
		position:relative;
	}

    /* Style for grey box icon */
	#menubar .sideicon
	{
		width: 10px;		
		left: 0pt; 
		float: left; 
		top: 0pt; 		
		position:relative;
	}

    /* Style for actual menu item text */
	#menubar .menutext
	{
		left: 4pt; 
		top: 3pt; 		
		position:relative;
	}

    /* Style for actual menu item text */
    	#menubar .left 
	{
		margin-left: -11pt;
	}
/**************************************************************/
/*                                                            */
/*  LIST VIEW STYLES                                          */
/*                                                            */		
/**************************************************************/
	.tbledit
	{
	    TABLE-LAYOUT: fixed;
		WIDTH: 100%;
		HEIGHT: 20px;
		Margin: 0px;
		border-top: 1px #EEEEEE solid;
		border-left: 1px #EEEEEE solid;
		border-bottom: 1px #848284 solid;
		border-right: 1px #848284 solid;
		padding-left: 0px;
		padding-right: 0px;
	}

	.tbledit TD
	{
		background:#D6D3CE;
		FONT-SIZE: 9pt;
	    FONT-FAMILY: Arial;
		/*border-top: 1px #EEEEEE solid;
		border-left: 1px #EEEEEE solid;
		border-bottom: 1px #848284 solid;
		border-right: 1px #848284 solid;
		padding-left: 4px;
		padding-right: 4px;
		table-layout:fixed;*/
	}
	.tblHeader
	{
	    TABLE-LAYOUT: fixed;
		WIDTH: 100%;
		HEIGHT: 20px;
		Margin: 0px;
	}

	.tblHeader TD
	{
		background:#D6D3CE;
		FONT-SIZE: 8pt;
	    FONT-FAMILY: Arial;
		border-top: 1px #EEEEEE solid;
		border-left: 1px #EEEEEE solid;
		border-bottom: 1px #848284 solid;
		border-right: 1px #848284 solid;
		padding-left: 4px;
		padding-right: 4px;
		table-layout:fixed;
	}
	#divList
	{
	    	OVERFLOW-x: auto;
	    	OVERFLOW-y: scroll;
	}
	.List
	{
		table-layout=fixed;
	}
	.List TD
	{
		padding-left: 5px;
		padding-right: 4px;
		overflow: hidden;
		text-overflow: ellipsis;
		valign: middle;
	}
	#tdSpc
	{
		width:0px;
	}
	.GroupByBar
	{
		border-left:1px solid white;
		border-top:1px solid white;
		border-bottom:1px solid #aaaaaa;
		border-right:1px solid #aaaaaa;
		background: #e1e1e1; 
		cursor: hand;
		Height: 22px;
	}
/**************************************************************/
/*                                                            */
/*  TOOLBAR BAR STYLES                                        */
/*                                                            */		
/**************************************************************/

    /* the toolbar bar */
    #toolbar 
	{
		width: 100%;
		background: #D6D3CE; 
		cellspacing: 0;
		z-index:0;
		
		border-top: 1px #EEEEEE solid;
		border-bottom: 1px #848284 solid;	
	}

/**************************************************************/
/*                                                            */
/*  TOOLBAR BUTTON STYLES                                        */
/*                                                            */		
/**************************************************************/

.toolBarButton,
.toolBarButtonHover,
.toolBarButtonActiveHover,
.toolBarButtonActive,
.toolBarButtonActiveDisabled,
.toolBarButtonDisabled,
.toolBarButtonUpDisabled {
	cursor: 		Default;
	font: 			Icon;
	font-weight: 		normal;
	padding:		2px 5px 2px 5px;
	border:			0px solid #F7F3E7;
	white-space:		nowrap;
	vertical-align:		middle;
	background-color:	#D6D3CE;

}

.toolBarButton img {
	filter:				gray();
}

.toolBarButtonHover {
	border-width:		1px;
	border-left-color:	white;
	border-right-color:	gray;
	border-top-color:	white;
	border-bottom-color:	gray;
	padding:			1px 4px 1px 4px;
	background-color:	#D6D3CE;		
}

.toolBarButtonActiveHover {
	border-width:		1px;
	border-left-color:	gray;
	border-right-color:	#EEEEEE;
	border-top-color:	gray;
	border-bottom-color:	#EEEEEE;
	padding:		2px 3px 0px 5px;
	background-color:	#eeeeee;		
}

.toolBarButtonActive {
	border-width:		1px;
	border-left-color:	ButtonShadow;
	border-right-color:	ButtonHighlight;
	border-top-color:	ButtonShadow;
	border-bottom-color:ButtonHighlight;
	padding:			2px 3px 0px 5px;
	background-color:	#D6D3CE;
}

.toolBarButtonUpDisabled,
.toolBarButtonActiveDisabled,
.toolBarButtonDisabled {
	padding:			2px 5px 2px 5px;
	color:				GrayText;
	border-width: 		0px;
}

.toolBarButtonActiveDisabled {
	border-width:		1px;
	border-left-color:	ButtonShadow;
	border-right-color:	ButtonHighlight;
	border-top-color:	ButtonShadow;
	border-bottom-color:ButtonHighlight;
	padding:			2px 3px 0px 5px;
}

.toolBarButtonUpDisabled {
	border-width:		1px;
	border-left-color:	ButtonHighlight;
	border-right-color:	ButtonShadow;
	border-top-color:	ButtonHighlight;
	border-bottom-color:ButtonShadow;
}

/* My latest build of mozilla crashed with the opacity */
.toolBarButtonUpDisabled img,
.toolBarButtonActiveDisabled img,
.toolBarButtonDisabled img 
{
	-moz-opacity:		0.5;
}

/* IE specific
 * When the button becomes disbabled the innerHTML is enclosed by two spans
 * This is done so that the image will look disabled using filters
 */
.toolBarButtonUpDisabled .toolBarButtonDisabledContainer,
.toolBarButtonActiveDisabled .toolBarButtonDisabledContainer,
.toolBarButtonDisabled .toolBarButtonDisabledContainer {
	display:			block;
	background:			GrayText;
	filter:				chroma(color=#010101) dropshadow(color=ButtonHighlight, offx=1, offy=1);
	width:				100%;
	height: 100%;
	
	vertical-align:		center;
}

.toolBarButtonUpDisabled .toolBarButtonDisabledContainer .toolBarButtonDisabledContainer,
.toolBarButtonActiveDisabled .toolBarButtonDisabledContainer .toolBarButtonDisabledContainer,
.toolBarButtonDisabled .toolBarButtonDisabledContainer .toolBarButtonDisabledContainer {
	background:			Transparent;
	filter:				gray()
						/* Remove all bright shades of gray */
						chroma(color=#ffffff) chroma(color=#fefefe) chroma(color=#fdfdfd)
						chroma(color=#fcfcfc) chroma(color=#fbfbfb) chroma(color=#fafafa)
						chroma(color=#f9f9f9) chroma(color=#f8f8f8) chroma(color=#EEEEEE)
						chroma(color=#f6f6f6) chroma(color=#f5f5f5) chroma(color=#f4f4f4)
						chroma(color=#f3f3f3) 
						mask(color=#010101);
}

.tdlistrows
{
FONT-SIZE: 12px;
FONT-FAMILY: Arial;
BORDER-BOTTOM: #e6e5e3 1px solid;
HEIGHT: 20px;
}
</STYLE>